<template>
  <div>
    <hm-button @click="visable=!visable">弹出对话框</hm-button>
    <hm-dialog
      width="60%"
      :visable.sync="visable"
    >
      <template v-slot:footer>
        <hm-button @click="visable=false">取消</hm-button>
        <hm-button @click="visable=false" type="primary">确定</hm-button>
      </template>
    </hm-dialog>

<!--    <hm-dialog>-->
<!--      <template v-slot:title>-->
<!--        <p>的是否</p>-->
<!--      </template>-->
<!--    </hm-dialog>-->
  </div>
</template>

<script>

export default {
  data () {
    return {
      visable: false
    }
  },
  name: 'DialogView'
}
</script>

<style scoped>

</style>
